<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="/lib/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="/lib/bootstrap-3.3.7-dist(1)/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="/css/list.css">
</head>

<body>

    <!-- 顶部 -->
    <header></header>
    <!-- 内容 -->
    <div class="concent">
        <div class="left">
            <div class="left-box">

                <div class="first-title">猜你喜欢</div>
                <ul>
                    <li>
                        <div class="pic">
                            <img src="/images/imgList/shop80.jpg" alt="">
                        </div>
                        <div class="lists-title">
                            <h4>地下城与勇士</h4>
                            <p>60天已售完<span>1000+</span></p>
                            <p>368元</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="/images/imgList/shop200.jpg" alt="">
                        </div>
                        <div class="lists-title">
                            <h4>地下城与勇士</h4>
                            <p>60天已售完<span>1000+</span></p>
                            <p>368元</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="/images/imgList/shop80.jpg" alt="">
                            <span></span>
                        </div>
                        <div class="lists-title">
                            <h4>地下城与勇士</h4>
                            <p>60天已售完<span>1000+</span></p>
                            <p>368元</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="/images/imgList/shop200.jpg" alt="">
                        </div>
                        <div class="lists-title">
                            <h4>地下城与勇士</h4>
                            <p>60天已售完<span>1000+</span></p>
                            <p>368元</p>
                        </div>
                    </li>
                </ul>
                <li class="second-title">勇士脚印</li>

                <ol>
                    <li>
                        <div class="pic">
                            <img src="/images/imgList/shop80.jpg" alt="">
                            <span>去购买</span>
                        </div>
                        <div class="pic-right">
                            <img src="/images/imgList/shop200.jpg" alt="">
                            <span>去购买</span>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="/images/imgList/shop80.jpg" alt="">
                            <span>去购买</span>
                        </div>
                        <div class="pic-right">
                            <img src="/images/imgList/shop200.jpg" alt="">
                            <span>去购买</span>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="/images/imgList/shop80.jpg" alt="">
                            <span>去购买</span>
                        </div>
                        <div class="pic-right">
                            <img src="/images/imgList/shop200.jpg" alt="">
                            <span>去购买</span>
                        </div>
                    </li>



                </ol>
            </div>
        </div>
        <div class="right">

            <ul class="right-nav">
                <li style="color: #a59999;font-weight: 700;">周边类目</li>
                <li>全部礼包</li>
                <li>礼包收藏</li>
                <li>手办模型</li>
                <li>玩家共创</li>
                <li>新品专区</li>
                <li>数码电子</li>
                <li>服饰日用</li>


            </ul>
            <div class="right-concent">
                <div class="right-concent-title">
                    <ul>
                        <li>人气</li>
                        <li>热销</li>
                        <li>新品</li>
                        <li>价格</li>
                    </ul>
                    <div>共110个商品1/6页</div>
                </div>
                <div class="right-list" id="right_list">
                    <!-- <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>

                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>
                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>
                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>
                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>
                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>
                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>
                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>
                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>
                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>
                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>
                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>
                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>
                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>
                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>
                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>
                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>
                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>
                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                    </a>
                    <a href="/html/details.html">
                        <div>
                            <div><img src="/images/imgList/shop200.jpg" alt=""></div>
                            <p>地下城与勇士·国风象棋</p>
                            <span>368元</span> <i>49人点评</i>
                        </div>
                     </a> -->


                </div>
                <script type="text/html" id="List">
                    {{each list item}}
                    <a href="/html/detail.html?id={{item.id}}">
                        <div>
                            <div><img src="{{item .image}}" alt=""></div>
                            <p>{{item.title}}</p>
                            <span>{{item.price}}</span> <i>49人点评</i>
                        </div>
                    </a>
                    {{/each}}
                    <nav aria-label="Page navigation">
                        <ul class="pagination">
                            <li>
                                <a href="#" aria-label="Previous">
                                    <span aria-hidden="true">上一页</span>
                                </a>
                            </li>
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li>
                                <a href="#" aria-label="Next">
                                    <span aria-hidden="true">下一页</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </script>
            </div>
        </div>
    </div>
    </div>
    <footer></footer>
    <script src="/lib/require/require.min.js" data-main="/js/list.js">
    </script>
</body>

</html>